<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 	<title> new document </title>
 	<meta charset='UTF-8'>
	<style type='text/css'>
		div{ height:30px;border:solid 1px red;margin:5px; }
	</style>
	<script type='text/javascript' src='jquery/jquery-1.11.1.js'></script>
 	<script type='text/javascript'>
 		$(function(){
			
			$('body').mousemove(function(e){
				console.log('在body',e.pageX,e.pageY);
			});
			
			/*
			$('div').hover(function(){//鼠标移入移出变化
				$(this).css({'color':'red','background':'#00ffff','text-align':'right'});
			},function(){
				$(this).css({'color':'#0000a0','background':'#ff8000','text-align':'center'});
			});
			*/
			
			/*//鼠标移入变化
			$('div').mouseover(function(){
				$(this).css('color','red');
			});
			*/
			
			/*//鼠标移出变化
			$('div').mouseout(function(){
				$(this).css('color','red');
			});
			*/
			
			/*
			$('button').click(function(){//停止事件
				alert('hello world');
			}).click();
			*/
			
			/*
			$('button').on('click',function(){//原始事件用法
				alert('hello world');
			});
			*/
		});
	</script>
 </head>
 <body>
 	<button>按钮</button>
	<div align='center'>hello world</div>
	<div>hello world</div>
	<div>hello world</div>
	<div>hello world</div>
	<div>hello world</div>
	<div>hello world</div>
	<div>hello world</div>
 </body>
</html>
